<!DOCTYPE html>
<ui:composition template="/masterWeb.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<style>
.menus-icon {
    background-image: url("#{facesContext.externalContext.request.contextPath}/resources/imagenes/Bebidas_salones.jpg") !important;
}
</style>
</h:head>
	<ui:define name="content">
		
		<p:panel visible="#{usuarioBean.logeado}">
		<table align="center">
			<tr style="">

				<td align="center"><a href="/EventosCompartidos/template/modelo/MiEvento.xhtml"><p:graphicImage
							url="/resources/imagenes/mievento.jpg"
							onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';"
							onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';" style="width:100px"/></a>
                </td>

			</tr>
			</table>
		</p:panel>
		
		<p:panel visible="#{! usuarioBean.logeado}">
		<table  id="tablaBotones" align="center">
			<tr>
				<td style="width: 450px"></td>
				<td><a href="/EventosCompartidos/template/modelo/login.xhtml"><p:graphicImage
							url="/resources/imagenes/ingresa.jpg"
							onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';"
							onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';" /></a></td>
				<td><a
					href="/EventosCompartidos/template/modelo/Reg_Interesado.xhtml"><p:graphicImage
							url="/resources/imagenes/Registrate.jpg"
							onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';"
							onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';" /></a></td>

				<td style="width: 450px">
					<table align="right">
						<tr>
							<td style="width: 450px"><BR /></td>
						</tr>


						<tr>
							<td align="right"><a
								href="/EventosCompartidos/template/modelo/Reg_Propietario.xhtml"><font face="Tekton Pro"
									color="MediumSeaGreen"><u>Registrá tu empresa</u></font></a></td>
						</tr>

					</table>
				</td>
			</tr>

		</table>
		
									
</p:panel>

			<p:panel header="Salones" style="border: none;">
En nuestra lista de salones de fiestas: consultá precios, características, imágenes y encontrá los mejores salones de eventos. Salones de banquetes ideales para la celebración de bodas, primera comunión, 15 años, bautismos. Encontrá el salón de fiestas ideal para este día tan especial.

          <p:panel style="border: none;">
				<f:facet name="header">
					<p:outputPanel style="text-align:center">
						<h:outputText value="Buscar: " />
						<p:inputText id="globalFilter" style="width:120px"
							placeholder="Ingrese Salón" />

						<p:inputText id="globalFilter1" style="width:120px"
							placeholder="Dónde" />

					</p:outputPanel>
				</f:facet>
				


			</p:panel>

				<p:dataTable id="tablaDT" var="sal"
					value="#{salonWebBean.listaSalones}" rowKey="#{sal.idSalon}"
					selection="#{salonWebBean.salonSelected}" style="width:100%"
					rows="5" paginator="true" paginatorPosition="bottom"
					selectionMode="single"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
					border="0px">
					
<!-- 					<p:column style="width:150px"> -->
<!-- 						<p:graphicImage url="/resources/imagenes/registrate1.jpg" action="#{salonWebBean.registrarCita}"/> -->
<!-- 						<a onclick="PF('citaDialog').show();"><font -->
<!-- 							face="Tekton Pro" color="green"><u><h:outputText -->
<!-- 										value="Contactar Salón" /></u></font> </a> -->
<!-- 					</p:column> -->
					
					<p:column style="width:70px;text-align: center"  rendered="#{usuarioBean.logeado}">
				
						<p:commandButton process="tablaDT"
							update=":#{p:component('citaDetail')}" value="Contactar Salón"
							title="View" oncomplete="PF('citaDialog').show()"
							action="#{salonWebBean.registrarCita}">
							<f:setPropertyActionListener value="#{sal}"
								target="#{salonWebBean.salonSelected}"/>

						</p:commandButton>

					</p:column>
					
					<p:column>
						<font face="Tekton Pro" color="Blue"><u><h:outputText
									value="#{sal.nombreSalon}" /></u></font>
						<br />
						<!-- 						<h:outputText value="#{caractxsal.descripcionCaracteristica}" /> -->


					</p:column>


<!-- 					<p:column style="width:70px"> -->
<!-- 						<p:graphicImage url="/resources/imagenes/Bebidas_salones.jpg" -->
<!-- 							onclick="PF('bebidasDialog').show();" /> -->
<!-- 					</p:column> -->
<!-- 					<p:column style="width:70px"> -->
<!-- 						<p:graphicImage url="/resources/imagenes/Menus_salones.jpg" -->
<!-- 							onclick="PF('menusDialog').show();" /> -->
<!-- 					</p:column> -->
<!-- 					<p:column style="width:70px"> -->
<!-- 						<p:graphicImage url="/resources/imagenes/Servicios_salones.jpg" -->
<!-- 							onclick="PF('serviciosDialog').show();" /> -->
<!-- 					</p:column> -->


					<p:column style="width:70px;text-align: center"
						headerText="Características">
						<p:commandButton process="tablaDT"
							update=":#{p:component('caractDetail')}" value="Ver" icon="ui-icon-search"
							title="View" oncomplete="PF('caractDialog').show()"
							action="#{salonWebBean.llenarTablaCaracteristicas}">
							<f:setPropertyActionListener value="#{sal}"
								target="#{salonWebBean.salonSelected}" />

						</p:commandButton>

					</p:column>

					<p:column style="width:70px;text-align: center"
						headerText="Bebidas">
						<p:commandButton process="tablaDT"
							update=":#{p:component('bebDetail')}" value="Ver" icon="ui-icon-search"
							title="View" oncomplete="PF('bebDialog').show()"
							action="#{salonWebBean.llenarTablaBebidas}">
							
							<f:setPropertyActionListener value="#{sal}"
								target="#{salonWebBean.salonSelected}" />
						</p:commandButton>

					</p:column>

					<p:column style="width:70px;text-align: center" headerText="Menús">
						<p:commandButton process="tablaDT"
							update=":#{p:component('menusDetail')}" value="Ver" icon="ui-icon-search"
							title="Detalle" oncomplete="PF('menusDialog').show()"
							action="#{salonWebBean.llenarTablaMenus}">
							<f:setPropertyActionListener value="#{sal}"
								target="#{salonWebBean.salonSelected}" />
				
					</p:commandButton>

					</p:column>
					<p:column style="width:70px;text-align: center"
						headerText="Servicios">
						<p:commandButton process="tablaDT"
							update=":#{p:component('servDetail')}" value="Ver"  icon="ui-icon-search"
							title="View" oncomplete="PF('servDialog').show()"
							action="#{salonWebBean.llenarTablaServicios}">
							<f:setPropertyActionListener value="#{sal}"
								target="#{salonWebBean.salonSelected}" />

						</p:commandButton>

					</p:column>

				</p:dataTable>

				<p:dialog id="citaDetail" header="Mensaje de cita"
					widgetVar="citaDialog" modal="false" showEffect="fade"
					hideEffect="fade" resizable="false" >
					<p:outputPanel style="text-align:center;">
						<p:panel>
						Se envió un mensaje al encargado del salón.
						</p:panel>
					</p:outputPanel>
				</p:dialog>

				<p:dialog id="caractDetail" header="Detalle de las Características"
					widgetVar="caractDialog" modal="false" showEffect="fade"
					hideEffect="fade" resizable="false" >
					<p:outputPanel style="text-align:left;">
						

						<p:dataList value="#{salonWebBean.listaCaracteristicasxSalon}"
								var="c" type="unordered" style="width:10px">
						#{c.descripcionCaracteristica}
  						 </p:dataList>

						
					</p:outputPanel>
				</p:dialog>

				<p:dialog id="bebDetail" header="Detalle de las Bebidas"
					widgetVar="bebDialog" modal="false" showEffect="fade"
					hideEffect="fade" resizable="false">
					<p:outputPanel style="text-align:left;">
						

							<p:dataList value="#{salonWebBean.listaCombosBebidasxSalon}"
								var="b" type="unordered">
						#{b.combobebida.descripcionCombo}
						</p:dataList>

						
					</p:outputPanel>
				</p:dialog>


				<p:dialog id="menusDetail" header="Detalle de Menús"
					widgetVar="menusDialog" modal="false" showEffect="fade"
					hideEffect="fade" resizable="false">
					<p:outputPanel style="text-align:left;">
						
							<p:dataList value="#{salonWebBean.listaMenusxSalon}" var="m"
								type="unordered">
						#{m.nombre}
   						</p:dataList>
						
					</p:outputPanel>
				</p:dialog>

				<p:dialog id="servDetail" header="Detalle del Servicios"
					widgetVar="servDialog" modal="false" showEffect="fade"
					hideEffect="fade" resizable="false">
					<p:outputPanel style="text-align:left;">
						
							<p:dataList value="#{salonWebBean.listaServicioAdicionalxSalon}"
								var="s" type="unordered">
						#{s.servicioadicional.nombreServicio}
  						 </p:dataList>
						
					</p:outputPanel>
				</p:dialog>
			</p:panel>

		<!--  
		<div align="center">
			<p:carousel itemStyle="width: 1000px; height: 200px;"
				itemStyleClass="carItem" pageLinks="4" autoPlayInterval="4000"
				numVisible="1" effect="backOut" circular="true">
				<p:graphicImage value="/resources/imagenes/images1.jpg" />
				<p:graphicImage value="/resources/imagenes/images2.jpg" />
				<p:graphicImage value="/resources/imagenes/image3.jpg" />
				<p:graphicImage value="/resources/imagenes/image4.jpg" />
			</p:carousel>
		</div>
		-->
		<table style='table-layout: fixed' align="center">
			<tr>
				<td><p:fieldset legend="Elegí los mejores servicios"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/servicio_banner.jpg" />
							<h:outputText
								value="Encontrá una gran diversidad de los mejores proveedores de servicios para tu evento." />
						</h:panelGrid>
					</p:fieldset></td>
				<td><p:fieldset legend="Organizá tu evento"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/mievento_banner.jpg" />
							<h:outputText
								value="Planificá paso a paso tu evento, modificalo a tu medida, sin moverte de tu casa" />
						</h:panelGrid>
					</p:fieldset></td>
				<td><p:fieldset legend="Compartí tu experiencia"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/experiencia_banner.jpg" />
							<h:outputText
								value="Comentanos sobre tus dudas, tus inquietudes, tus expectativas, tu experiencia" />
						</h:panelGrid>
					</p:fieldset></td>
			</tr>

		</table>


	</ui:define>



</ui:composition>
